<div class="container" xmlns="http://www.w3.org/1999/html">
    <form class="form-inline">
        <div style="margin-top: 50px;width:750px;height:30px;display: inline-block;">
            <select class="span1" style="margin-left: 80px;width:110px">
                <option>安居客集团</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
            </select>
            <select class="span1" style="width:87px">
                <option>&ndash;城市&ndash;</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
            </select>
            <select class="span1" style="width:87px">
                <option>-事业部-</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
            </select>
            <select class="span1" style="width:87px">
                <option>-职能-</option>
                <option>2</option>
                <option>3</option>
                <option>4</option>
                <option>5</option>
            </select>

        <!--<input class="span3" type="text" placeholder="请输入。。。">-->
        <button type="submit" class="btn btn-primary btn-small">搜索</button>
        <a href="" style="color:#438eec;width:60px;height:20px;position:absolute;margin-left:131px;top:110px;font-family: '微软雅黑';font-size: 12px;display: inline-block;">添加部门</a>
        <img src="../page/resource/css/img/line.png" alt="" class="line">
            </div>
    </form>
    <div style="width:750px;margin-left: 80px;font-family: '宋体';font-size: 12px;">共有33个部门</div>
    <div class="row-fluid" style="width:750px;margin-left: 80px;background-color: #f9f9f9;border: 1px solid #e3e3e3">
        <em class="span2 attr">ID</em>
        <em class="span3 attr" >部门名称</em>
        <em class="span2 attr" >成本计入</em>
        <em class="span2 attr" >计划编制</em>
        <em class="span3 attr" >部门属性</em>
    </div>
    <div class="row-fluid info" >
        <em class="span2 attr" >DEP00001</em>
        <em class="span3 attr" >产新房伤产新房上海</em>
        <em class="span2 attr" >上海</em>
        <em class="span2 attr" >33</em>
        <em class="span3 attr" >产新房伤产新 <i style="visibility: visible;margin-top: 8px" class="delete icon-trash"></i></em>
    </div>
    <div class="row-fluid info" >
        <em class="span2 attr" >DEP00001</em>
        <em class="span3 attr" >产新房伤产新房上海</em>
        <em class="span2 attr" >上海</em>
        <em class="span2 attr" >33</em>
        <em class="span3 attr" >产新房伤产新 <i style="visibility: visible;margin-top: 8px" class="delete icon-trash"></i></em>
    </div>
    <div class="row-fluid info" >
        <em class="span2 attr" >DEP00001</em>
        <em class="span3 attr" >产新房伤产新房上海</em>
        <em class="span2 attr" >上海</em>
        <em class="span2 attr" >33</em>
        <em class="span3 attr" >产新房伤产新111111111111111111 <i style="visibility: visible;margin-top: 8px" class="delete icon-trash"></i></em>
    </div>
    <?php $this->component('Hr_SelectDePartMent');?>
        <!--<form>-->
            <!--<fieldset>-->
                <!--<legend>Legend</legend>-->
                <!--<label>Label name</label>-->
                <!--<input type="text" placeholder="Type something">-->
                <!--<span class="help-block">Example block-level help text here.</span>-->
                <!--<label class="checkbox">-->
                    <!--<input type="checkbox"> Check me out-->
                <!--</label>-->
                <!--<button type="submit" class="btn btn-success btn-block">Submit<i class="icon-align-justify"></i></button>-->
            <!--</fieldset>-->
        <!--</form>-->
        <!--<a class="btn" data-toggle="modal" href="#myModal" >点击触发</a>-->
        <!--<div class="modal" id="myModal" style="display: none">-->
            <!--<div class="modal-header">-->
                <!--<a class="close" data-dismiss="modal">×</a>-->
                <!--<h3>对话框提示</h3>-->
            <!--</div>-->
            <!--<div class="modal-body">-->
                <!--<p>对话框内容</p>-->
            <!--</div>-->
            <!--<div class="modal-footer">-->
                <!--<a href="#" class="btn">关闭</a>-->
                <!--<a href="#" class="btn btn-primary">保存更新</a>-->
            <!--</div>-->
        <!--</div>-->
        <!--<ul class="nav nav-pills">-->
            <!--<li><a href="#">规则的链接</a></li>-->
            <!--<li class="dropdown" id="menutest1">-->
                <!--<a class="dropdown-toggle" data-toggle="dropdown" href="#menutest1">-->
                <!--下拉项-->
                <!--<b class="caret"></b>-->
                <!--</a>-->
                <!--<ul class="dropdown-menu">-->
                    <!--<li><a href="#">动作</a></li>-->
                    <!--<li><a href="#">另一个动作</a></li>-->
                    <!--<li><a href="#">其他</a></li>-->
                    <!--<li class="divider"></li>-->
                    <!--<li><a href="#">被间隔的链接</a></li>-->
                <!--</ul>-->
            <!--</li>-->
            <!--<li class='active'>-->
            <!--<a data-toggle="dropdown" href="#menutest1">点击我看看</a>-->
            <!--</li>-->
            <!--</ul>-->
        <!--<ul class="nav nav-tabs">-->
  <!--<li><a href="#home" data-toggle="tab">首页</a></li>-->
  <!--<li><a href="#profile" data-toggle="tab">介绍</a></li>-->
  <!--<li><a href="#messages" data-toggle="tab">消息</a></li>-->
  <!--<li><a href="#settings" data-toggle="tab">设置</a></li>-->
<!--</ul>--->
    <!--</div>-->
<?php $this->script_block_begin();?>
<script language="javascript" type="text/javascript">
   //document.getElementById('myTab').tab('show')
    //$('#myModal').modal('toggle')
</script>
<?php $this->script_block_end();?>